<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成交清算轧差表</title>
    <!--layui的CSS样式-->
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <!--layui的js-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <!--第三方下拉表格js-->
    <script src="../lib/layuimini/js/lay-config.js"></script>

    <!--自己js的路径-->
    <script type="text/javascript" src="./js/ChengjiaoQingSuan.js"></script>
</head>

<body>
<!--表格元素 lay-filter 通过这个属性来筛选绑定的表格-->
<table id="mytable" lay-filter="mytable"></table>

<script> //执行一个laydate实例
laydate.render({
    elem: '#dealTime' //指定元素

});
</script>
<!--上方工具条-->
<!--lay-event 是跟js的Switch case 后的名字一样的-->
<script type="text/html" id="userToolBar">

    <!--  form表单  -->
    <!--   采用用户的名字来进行模糊查询-->
    <form class="layui-form layui-col-space5">

        <!--        选择日期，没有写底层，只是写了日期框的组件-->
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">交易日期</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <input autocomplete="off" class="layui-input dateStr" lay-verify="date" name="dealTime" id="dealTime"
                   placeholder="请选择交易日期" type="text">
        </div>



        <!-- 模糊查询的按钮  -->
        <!-- type="button 这个是为了不让layui提交两次-->
        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-event="search"
                    lay-filter="sreach" type="button"><i class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
    </form>
</script>




</body>
</html>